<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>会员商品</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/editstyle.css" />
    <link rel="stylesheet" type="text/css" href="css/detail.css" />
    <link rel="stylesheet" type="text/css" href="css/product.css" />
    <link rel="stylesheet" type="text/css" href="css/public.css" />
    <link rel="stylesheet" type="text/css" href="css/vip_public.css" />


    <style>
        .aui-bar-nav {
            background-color: #fff;
        }

        .aui-bar {
            min-height: 2rem;
            z-index: 999999;
        }

        .topheader {
            height: 4rem;
            z-index: 9999;
            border-bottom: solid 0.5px #eee;
        }

        img.index_bg {
            width: 100%;
            height: auto;
        }

        .my_user_info_cont {
            color: #333;
            font-size: 1.1rem;
            font-weight: bold;
            text-align: left;
            margin-top: 1.4rem;
            margin-left: 5%;
        }

        .van-popover__wrapper {
            float: right;
        }

        .van-button--normal {
            height: 1.4rem;
            padding: 0px;
            background: #fff;
            border: solid 1px #fff;
        }

        .van-popover__action {
            width: 100px;
        }

        .van-popup.van-popover.van-popover--light {
            right: 10px !important;
            left: unset !important;
        }

        .van-popover[data-popper-placement=bottom] .van-popover__arrow {
            left: 70%;
        }

        .maskbg {
            z-index: 98;
            position: fixed;
            top: 0;
            bottom: 0;
            width: 100%;
        }

        .bbs_mainbox {
            position: relative;
        }

        .choosebox {
            width: 80px;
            height: auto;
            position: absolute;
            top: 110px;
            right: 10px;
            background: #fff;
            padding-top: 10px;
            border-radius: 5px;
            box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 20%);
            z-index: 99999;

        }

        .topstyle {
            height: 2rem;
            line-height: 2rem;
            text-align: center;
            border-bottom: dashed 0.5px #eee;
        }

        .pro_typedec {
            width:100%;
            /* margin: 24px 3% 8px 3%; */
            padding-left: 14px;
            background: #f3f3f3;
            height: 1.2rem;
            line-height: 1.2rem;
            font-size: 0.75rem;
            color: #666;
            border-radius: 20rem;
        }

        .card_item {
            width: 100%;
            /* height: 5rem; */
            position: relative;
            background: #f5f5f5;
            border-radius: 10px;
            overflow: hidden;
        }

        .card_item img {
            width: 100%;
            border-radius: 10px;
        }

        .card_dec {
            width: 100%;
            position: absolute;
            top: 15px;
        }

        .card_logo {
            width: 1.6rem;
            margin-left: 5%;
        }

        .card_img {
            width: 1.6rem;
            height: 1.6rem;
            border-radius: 50%;
        }

        .card_img img {
            width: 100%;
            height: auto;
        }

        .logo_dec {
            width: 77%;
            height: 1.6rem;
            line-height: 1.6rem;
            padding-left: 10px;
            color: #fff;
        }

        .icon_right {
            width: 20%;
            padding-right: 15px;
            line-height: 1.8rem;
        }
        .centerbox{
            width: 90%;
            left: 5%;
            min-height: 300px;
            max-height: 530px;
            position: absolute;
            top:10%;
            background: #fff;
            padding-top: 10px;
            border-radius: 10px;
            box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 20%);
            z-index: 99999;

        }
        .aui-refresh-content{
            margin-top: 30px;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div v-if="show_pro" class="maskbg" v-on:click="closebox()">
        </div>
        <!--调价 -->
        <div  v-if="show_pro" class="centerbox">
            <div class="small_wintitle font8 font-weight" style="font-size: 1rem;">会员调价</div>
            <div class="sm_winbox">
                <div class="dcwj_con2">
                    <div class="dcwj_list ">
                        <div class="fmly_lft color9 fl font7" style="width: 28%;">商品名称</div>
                        <div class="dcwj_left fr">
                            <label class="noedit font7">{{tiaojiamsg.ProductName}}</label>
                            <!-- <span>{{cen_winobj.producttitle}}</span> -->
                        </div>
                    </div>
                    <div class="dcwj_list ">
                        <div class="fmly_lft color9 fl font7" style="width: 28%;">销售价</div>
                        <div class="dcwj_left fr">
                            <label class="noedit">￥{{tiaojiamsg.SalePrice}}</label>
                        </div>
                    </div>
                    <div class="dcwj_list ">
                        <div class="fmly_lft color9 fl font7" style="width: 30%;">活动单价<i
                                class="icon iconfont icon-bitianxiang- redcolor bitian"></i></div>
                        <div class="dcwj_left fr">
                            <input type="number" placeholder="0" class="fr" v-model="tiaojiamsg.MemberPrice" style=" width: 50%; padding-right: 10px; border:solid 0.5px #ddd">
                        </div>
                    </div>
                </div>

            </div>
            <!-- <div v-if="warmingmsg" class="redcolor pl15">会员价必须小于当前销售价</div> -->
            <div class="win_pagebtn">
                <div class="linebuttom sortwidth fl" v-on:click="closebox()">取消</div>
                <div class="buttom sortwidth fr" v-on:click="save_editpro()">保存</div>
            </div>
        </div>

        <div class="aui-tab" id="tab">
            <div class="coverInfo">
                <ul class="aui-tab-item fl" style="width:70%;font-size: 0.8rem;">
                    <li class="menuli" v-for="(item,index) in statusList">
                        <div v-bind:class="{'aui-active':status==item.id}"
                            v-on:click="randomSwitchBtn(item.text,item.id,index)">
                            <label class="labelbox">
                                {{item.text}}
                                <span v-for="(value,key,index) in statuscount" v-if="key==item.id"
                                    class="activespan">{{value}}</span>
                                <label>
                        </div>
                    </li>
                </ul>
                <div class="icon_right fr">
                    <i v-if="status==2" v-on:click="do_editCard()" class="icon iconfont icon-bianji fr"></i>
                    <!-- <i v-if="status==0||status==1" v-on:click="do_search()" class="icon iconfont icon-sousuo fr"></i> -->
                </div>
            </div>
        </div>
        <div v-if="status==0" class="orderlist" style="margin-top: 1.8rem;">
            <div class="pro_typedec" style="position: fixed; z-index: 999; " >共有{{total}}件商品支持会员价购买</div>
            <div style="height: 0.1px;"></div>
            <section id="main_refresh" class="aui-refresh-content" >
                <div v-if="product.list.length>0" class="bodymain">
            <div class="order_list_item" >
                <div class="order_product">
                    <ul class="aui-list aui-media-list" style="background-size:100% 0px; border: none;">
                        <li class="list-item" style="position: relative;"
                            v-for="item in product.list">
                            <div class="aui-media-list-item-inner btn_line">
                                <div class="aui-list-item-media">
                                    <!-- <div v-if="(item.Stock > item.SafeStock) || Number(item.Status) === 6" class="nonumber"><span>售罄</span></div> -->
                                    <div v-if="Number(item.Status) === 1" class="nonumber"><span>未上架</span></div>
                                    <img :src="item.CoverImage">
                                </div>
                                <div class="aui-list-item-inner">
                                    <div class="pro-list-item-title aui-ellipsis-2" v-on:click="do_opendetail(item.ID)">
                                        {{item.ProductName}}
                                    </div>
                                    <div class="pro_type">
                                        <div class="pro_type_item fl aui-ellipsis-1">型号名称:{{item.TypeTitle}}</div>
                                        <div class="pro_type_item textalign_r fr aui-ellipsis-1">销售价:￥{{item.SalePrice < 0 ? 0 : item.SalePrice}}</div>
                                    </div>
                                    <div class="only_price_box">
                                        <label><span class="color9">会员价：</span>￥{{item.MemberPrice}}</label>
                                        <van-popover
                                            v-model="item.Selected"
                                            trigger="click"
                                            placement="bottom-end"
                                            :actions="product.actions"
                                            @select="handClickMemberProductMoreAction"
                                            >
                                            <template #reference>
                                                <i @click.stop="handOpenMoreAction(item)"  class="icon iconfont icon-gengduo1 fr"></i>
                                            </template>
                                        </van-popover>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
            <div v-if="product.list.length<=0&&!is_searching" class="noshuju">
                <van-empty description="暂无数据" />
            </div>
        </section>



        </div>
        <div v-if="status==0" class="pagebtn">
            <div class="buttom longwidth" v-on:click="do_addProduct()">添加</div>
        </div>
        <div v-if="status==1" class="orderlist" style="margin-top: 2.2rem;">
            <div v-if="huiyuanlist.length>0" class="order_detail" v-for="item in huiyuanlist">
                <div class="dcwj_con2">
                    <div class="oneline">
                        <div class="oneline_name font7 fl">{{item.Name}}<span>{{item.PhoneNumber}}</span></div>
                        <div class="oneline_no font7 fr">{{item.MemberNumber}}</div>
                    </div>
                    <div class="nextmsg font6 color9">
                        <div class="nextmsg_item">性别：{{item.GenderDesc}}</div>
                        <div class="nextmsg_item">生日：{{item.BirthdayDesc}}</div>
                        <div class="nextmsg_item">注册时间：{{item.AddTimeDesc}}
                            <span v-on:click="removeVip(item.ID)" class="zhuxiao bluecolor fr">注销</span>
                        </div>
                    </div>
                </div>
            </div>
            <div v-if="huiyuanlist!=undefined&&huiyuanlist.length<=0" class="noshuju">
                <van-empty description="暂无数据" />
            </div>
        </div>
        <div v-if="status==2" class="orderlist" style="margin-top: 2.2rem;">
            <div v-if="cardmsg!=null" class="order_detail">
                <div class="dcwj_con2">
                    <div class="card_item mt15">
                        <div class="card_dec">
                            <div class="card_logo fl">
                                <div class="card_img">
                                    <img :src="cardmsg.BusinessCovrImg">
                                </div>
                            </div>
                            <div class="logo_dec fl">
                                {{cardmsg.Name}}
                            </div>
                        </div>
                        <img :src="cardmsg.CardBgImg" />
                    </div>
                    <div class="mt15">
                        <div class="dcwj_list bor_bottom">
                            <div class="fmly_lft fl">会员权益</div>
                            <div class="dcwj_left fr">
                                {{cardmsg.TypeDesc}}
                            </div>
                        </div>
                        <div class="dcwj_list mt10">
                            <div class="fmly_lft alline">会员规则说明</div>
                            <div class="dcwj_left alline pt6">
                                {{cardmsg.Summary}}
                            </div>

                        </div>
                    </div>

                </div>
            </div>
            <div v-if="cardmsg==''||cardmsg==null" class="no_card">
                <div class="no_card_dec font7">还没有配置您的商铺会员卡哦</div>
                <div v-on:click="do_peizhi()" class="peizhi font6">立即配置</div>
            </div>
        </div>
        <div v-if="status==2" class="pagebtn">
            <div v-if="cardmsg.Status==2" class="buttom longwidth" v-on:click="do_stopSend()">暂停发放</div>
            <div v-if="cardmsg.Status==1" class="buttom longwidth" v-on:click="do_sendCard()">继续发放</div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript " src="js/vip_productlist.js"></script>
<script type="text/javascript">
</script>

</html>